﻿<%@ Page Language="C#" AutoEventWireup="true" CodeFile="EmailInbox.aspx.cs" Inherits="Main_EmailInbox" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
   <%-- <script src="js/jqDnR.js"></script>--%>
<%--    <script language="javascript">
        $().ready(function() {
            $('#Header3').jqResize('.jqResize');
        });
    </script>--%>
    <script language="javascript">
        function NewMessage() {
            var win_width = 540
            var win_height = 520
            var loc_left = (screen.width / 2) - (win_width / 2)
            var loc_top = (screen.height / 2) - (win_height / 2)
            var url = "Email.aspx"
            var name = "newMessage"
            var style = "top=" + loc_top + ", left=" + loc_left +
            "toolbar=no,location=no,directories=no," +
            "status=no,menubar=no,scrollbars=no," +
            "resizable=no,copyhistory=no,width=" + win_width +
            ",height=" + win_height
            var c_win = window.open(url, name, style);
            c_win.focus();
            return false;
        }
    </script>
    <style type="text/css">
    #Header
    {
        margin:0; padding:0;
        height:60px;
        background-color:white;
    }
    #Navigation
    {
        margin:0; padding:0;
        height:20px;   
        background-image:url("images/bg_copy.gif");
        background-repeat:repeat-x;
        border-bottom:solid 2px lightgray;
        overflow:auto;
    }
    #Navigation table tr td
    {
        margin:0; padding:0;
        font-family:arial;
        font-size:12px;
        font-weight:bold;
        text-align:center;
        padding:3px;
        width:80px;
        border-bottom:solid 2px lightgray;
        border-right:solid 2px lightgray;
    }
    #Navigation table tr td a
    {
        text-decoration: none;
        color:black;
    }
    #Header2
    {
        margin:0;padding:0;
        height:75px;
        overflow:auto;
        border-bottom:solid 1px black;
    }
    #Header2 h2
    {
        margin: 0; padding: 0;
        margin-top:22px;
        margin-left:20px;
        font-family:"Arial Narrow",Arial;
        font-size:20px;
        font-weight:Bold;
        color:Red;
    }
    #Header3
    {
        margin: 0; padding: 0;
        height: 22px;
        background-color:White;
        border-bottom:solid 1px black;
        font-size:12px;
        font-family:Arial;
        font-weight:bold;
        color:Red;
        overflow:auto;
    }
    #Header3 table
    {
        padding-top:3px;
        padding-left:3px;
    }
    .header3Attributes
    {
    }
    #MailMessages
    {
        margin: 0; padding: 0;
        height:135px;
        background-color:white;
        overflow:auto;
        font-size:12px;
        font-family:Arial;
        font-weight:Bold;
        color:Black;
        border-bottom:solid 1px black;
        padding-left:3px;
    }
    #MailMessages table tr td
    {
        
    }
    .mailMessageData
    {

    }
    #MailInboxButton
    {
        margin: 0; padding: 0;
        height: 80px;
        overflow:auto;
    }
    #MailInboxButton center
    {
        padding-right:750px;
        padding-top:30px;
    }
    #MailInboxButton table tr td
    {
        padding-right:10px;
    }
    .MessageButton
    {
        color:black;
        font-family:Arial;
        font-size:11px;
        text-align:center;
    }
    /*.jqHandle 
    {
        background: red;
        height:15px;
    }

    .jqResize 
    {
        width: 15px;
        position: absolute;
        bottom: 0;
        right: 0;
        cursor: se-resize;
    }
    .jqDnR 
    {
        z-index: 3;
        position: relative;
    
        width: 180px;
        font-size: 0.77em;
        color: #618d5e;
        margin: 5px 10px 10px 10px;
        padding: 8px;
        background-color: #EEE;
        border: 1px solid #CCC;
    }*/
    
    </style>
</head>
<body>
<form id="Inbox" runat=server>

    <div id="Header">
        <img src="images/email_header.gif"/>
    </div>
    <div id="Navigation">
        <table border="0" cellspacing="0" cellpadding="0">
        <tr>
            <td><a href ="#" onclick="javascript:NewMessage();">compose</a></td>
            <td><a href ="EmailInbox.aspx">inbox</a></td>
            <td><a href ="#">mailbox view</a></td>
        </tr>
        </table>
    </div>
    <div id="Header2">
        <h2>In-Box</h2>
    </div>
    <div id="Header3">
        <table border="0" cellspacing="0" cellpadding="0">
            <tr>
                <td class="header3Attributes" style="width:121px;">New</td>
                <td class="header3Attributes" style="width:285px;">From</td>
                <td class="header3Attributes" style="width:445px;">Subject</td>
                <td class="header3Attributes" style="width:220px;">Date</td>
                <td class="header3Attributes" style="width:70px;">Size</td>
            </tr>
        </table> 
    </div>
    <div id="MailMessages">
        <table border="0" cellpadding="0" cellspacing="0">
            <tr>
                <td class="mailMessageData" style="width:40px; text-align:center;"><img src="images/new_message.gif"/></td>
                <td class="mailMessageData" style="width:81px; text-align:center;">
                    <asp:CheckBox ID="CheckBox1" runat="server" /></td>
                <td class="mailMessageData" style="width:285px;">From</td>
                <td class="mailMessageData" style="width:445px;">Subject</td>
                <td class="mailMessageData" style="width:220px;">Date</td>
                <td class="mailMessageData" style="width:70px;">Size</td>
            </tr>
        </table>
    </div>
    <div id="MailInboxButton">
    <center>
        <table border="0" cellspacing="0" cellpadding="0">
            <tr>
                <td><asp:Button ID="btnSelectAll" runat="server" Text="Select All" CssClass="MessageButton" /></td>
                <td><asp:Button ID="btnMarkasRead" runat="server" Text="Mark as Read" CssClass="MessageButton" /></td>
                <td><asp:Button ID="btnMarkasUnread" runat="server" Text="Mark as Unread" CssClass="MessageButton" /></td>
                <td><asp:Button ID="btnFlag" runat="server" Text="Flag" CssClass="MessageButton" /></td>
                <td><asp:Button ID="btnUnflag" runat="server" Text="Unflag" CssClass="MessageButton" /></td>
                <td><asp:Button ID="btnDelete" runat="server" Text="Delete" CssClass="MessageButton" /></td>
                <td><asp:Button ID="btnSwitchTo" runat="server" Text="Switch To" CssClass="MessageButton" /></td>
                <td>
                    <asp:DropDownList ID="drplistTargetFolder" runat="server" >
                    </asp:DropDownList>
                </td>
            </tr>
        </table>
    </center>
    </div>
</form>
</body>
</html>
